<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Title</title>
    <link href="${request.contextPath}/static/ihomeStatic/css/bootstrap.min.css" rel="stylesheet">
    <link href="${request.contextPath}/static/ihomeStatic/js/bootstrap-table/bootstrap-table.min.css" rel="stylesheet">
    <link href="${request.contextPath}/static/ihomeStatic/css/font-awesome.min.css" rel="stylesheet">
    <link href="${request.contextPath}/static/ihomeStatic/css/animate.min.css" rel="stylesheet">
    <link href="${request.contextPath}/static/ihomeStatic/css/style.min.css" rel="stylesheet">
    <link href="${request.contextPath}/static/ihomeStatic/js/layer/mobile/need/layer.css" rel="stylesheet">



</head>
<body class="fixed-sidebar full-height-layout">
<input type="hidden" id="hi1">
<input type="hidden" id="hi2">
<div class="wrapper wrapper-content">
    <div class="ibox">
        <div class="row">
            <div class="col-sm-12">
                <div class="jqGrid_wrapper">
                    <table id="datatable"></table>
                    <div id="table_pager"></div>
                </div>
            </div>
        </div>
    </div>
</div>

</body>
<script src="${request.contextPath}/static/ihomeStatic/js/jquery-1.12.4.js"></script>
<script src="${request.contextPath}/static/ihomeStatic/js/bootstrap.min.js"></script>
<script src="${request.contextPath}/static/ihomeStatic/js/bootstrap-table/bootstrap-table.min.js"></script>
<script src="${request.contextPath}/static/ihomeStatic/js/bootstrap-table/locale/bootstrap-table-zh-CN.min.js"></script>
<script src="${request.contextPath}/static/ihomeStatic/js/layer/layer.js"></script>
<script>


    $(function () {
        tabl01Init();

    });

    function tabl01Init() {
         var name = $("#keywords").val();
        $('#datatable').bootstrapTable({
            url: "${request.contextPath}/pay/selectList",                      //请求后台的URL（*）
            method: 'POST',                      //请求方式（*）
            contentType:"application/x-www-form-urlencoded",
            // classes: 'table table-hover',  //table加样式
            // theadClasses: "tableHead",                // 表头加样式
            //height: 400,
            // toolbar: '#toolbar',              //工具按钮用哪个容器
            striped: true,                     //是否显示行间隔色
            //cache: false,                       //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
            pagination: true,                   //是否显示分页（*）
            queryParams : function(params){
                return{
                    offset  : params.offset,
                    limit   : params.limit,
                     'name'  : name
                }

            },
            paginationLoop:false,                 //是否循环，从最后一页跳转到第一页（*）
            //sortable: true,                     //是否启用排序
            //sortOrder: "asc",                   //排序方式
            sidePagination: "client",             //分页方式：client客户端分页，server服务端分页（*）
            striped : true,                       //设置隔行变色效果
            minimumCountColumns : 2,              //当列数小于此值时，将隐藏内容列下拉框。
            paginationPreText : '上一页',
            paginationNextText : '下一页',
            pageNumber: 1,                        //初始化加载第一页，默认第一页,并记录
            pageSize : 3,                         //每页的记录行数（*）
            pageList : [3,6,9],                   //可供选择的每页的行数（*）
            search: false,                        //是否显示表格搜索
            strictSearch: false,
            showColumns: false,                   //是否显示所有的列（选择显示的列）
            //showRefresh: true,                  //是否显示刷新按钮
            //minimumCountColumns: 2,             //最少允许的列数
            // clickToSelect: true,               //是否启用点击选中行
            // uniqueId: "id",                    //每一行的唯一标识，一般为主键列
            // showToggle: false,                 //是否显示详细视图和列表视图的切换按钮
            // cardView: false,                   //是否显示详细视图
            // detailView: false,                 //是否显示父子表
            columns: [
                {
                checkbox: true
            },{
                field: 'id',
                title: '编号',
                undefinedText: "",
                align: 'center'
                // visible: false
            },{
                field: 'orderCode',
                title: '订单编码',
                undefinedText: "",
                align: 'center'
                // visible: false
            }, {
                field: 'prepayId',
                title: '预支付',
                undefinedText: "",
                align: 'center'
            },{
                field: 'feeType',
                title: '标价币种',
                undefinedText: "",
                align: 'center'
            }, {
                field: 'totalFee',
                title: '标价金额'
            }, {
                field: 'spbillCreateIp',
                title: 'IP',
                undefinedText: "",
                align: 'center'
            }, {
                field: 'timeStart',
                title: '交易起始',
                undefinedText: "",
                align: 'center'
            },{
                field: 'timeExpire',
                title: '交易结束',
                undefinedText: "",
                align: 'center'
            },{
                field: 'tradeType',
                title: '类型',
                undefinedText: "",
                align: 'center'
                // visible: false
            },{
                field: 'nickName',
                title: '用户昵称',
                undefinedText: "",
                align: 'center'
                // visible: false
            },{
                field: 'openId',
                title: '用户标识',
                undefinedText: "",
                align: 'center'
            },{
                field: 'paySubject',
                title: '支付主体',
                undefinedText: "",
                align: 'center'
            },{
                field: 'bankType',
                title: '银行',
                undefinedText: "",
                align: 'center'
            },{
                field: 'transactionId',
                title: '微信支付订单号'
            }, {
                field: 'timeEnd',
                title: '支付完成时间',
                undefinedText: "",
                align: 'center'
            }, {
                field: 'createdTime',
                title: '创建时间',
                undefinedText: "",
                align: 'center'
            },{
                field: 'operate',
                formatter: f(),
                title: '操作',
                align: 'center',
                undefinedText: "",
                events:operateEvents

            }]
        });
    }

    function f(value,row,index) {
        return[
            '<button type="button" class="btn btn-info btn-xs"id="view"><span class="glyphicon glyphicon-zoom-in"></span> 查看</button>'].join('');
    }
    window.operateEvents= {
        'click #update': function (e, value, row, index) {
            layer.open({
                type: 2,
                area: ['700px', '500px'],
                fixed: false, //不固定
                maxmin: true,
                content: '${request.contextPath}/courseManage/toUpdate?id=' + row.id,

                end: function () {
                    if ($("#hi2").val() == "1") {
                        layer.msg('成功', {icon: 1});
                        window.location.reload();
                    } else {

                    }

                }


            });
        }
    }


    function reload(){
        tabl01Init();
    }














</script>
</html>
